<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>SUIT Toolkit Demo</title>
		<link href="../doc/stylesheet.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<script type="text/javascript">
		function buildApplet(midlet) {
			document.getElementById('appletdiv').innerHTML = ('<applet code="org.microemu.applet.Main" width="437" height="522" archive="applet.jar,../deployed/QwertyDevice/SUIT_Demo.jar,skin.jar"><param id="midlet" name="midlet" value="'+midlet+'"/><param name="device" value="com/opera/device/device.xml" /></applet>');
		}
		function resetApplet() {
			var div = document.getElementById("appletdiv");
			if ( div.hasChildNodes() ) {
				while ( div.childNodes.length >= 1 ) {
					div.removeChild( div.firstChild );       
				} 
			}
			buildApplet(document.getElementById('class').value);
		}
		</script>
		<p>
			<select id="selector" onchange="document.getElementById('class').value=this.options[this.selectedIndex].value;">
				<option>Demo</option>
				<option>Calculator</option>
				<option>Dictionary</option>
				<option>Metronome</option>
				<option>PersistDemo</option>
			</select>
			<input type="text" id="class" value="Demo" />
			<input type="button" value="Load Demo" onclick="resetApplet()" />
			Choose the MIDlet you want to load and hit "Reset Demo".
		</p>
		<div id="appletdiv">
		</div>
	</body>
</html>
